.banner ul { padding: 0;}
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }

#b03 { width: 640px;}

#b03 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}

#b03 .dots li 

{ 

  display: inline-block; 

  width: 10px; 

  height: 10px; 

  margin: 0 4px; 

  text-indent: -999em; 

  border: 2px solid #fff; 

  border-radius: 6px; 

  cursor: pointer; 

  opacity: .4; 

  -webkit-transition: background .5s, opacity .5s; 

  -moz-transition: background .5s, opacity .5s; 

  transition: background .5s, opacity .5s;

}

#b03 .dots li.active 

{

  background: #fff;

  opacity: 1;

}